<%--
  Created by IntelliJ IDEA.
  User: 陈建喜
  Date: 2020/11/28
  Time: 10:15
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>register</title>
    <style type="text/css">
        *{
            margin: 0;
            padding: 0;
        }
        .d1 table tr td{
            font-size: 13px;
        }
        .d1 table tr td a{
            text-decoration: none;
        }
        * {
            margin: 0 auto;
            padding: 0;
        }
        #ul1 li{
            list-style: none;
            float: left;
            margin-left: 26px;
            color: #FFFFFF;
            font-size: 13px;
        }
        #ul1 li a{
            color: #ffffff;
            text-decoration: none;
        }
        #ul1 li a:hover{
            color: #FFFF00;
        }
    </style>
    <script type="text/javascript">
        function refreshCode() {
            //1.获取验证码图像对象
            var vcode = document.getElementById("vcode");

            //2.设置其src属性，加时间戳
            vcode.src = "${pageContext.request.contextPath}/checkCodeServlet?time="+new Date().getTime();
        }
    </script>
</head>
<body>
<%--<iframe src="header.jsp" style="width: 100%;height: 160px;border: 0px"></iframe>--%>
<div>
    <%--第一部分--%>
    <div style="width: 100%;height: 34px;background-color: #efefef">
        <div style="text-align:right;font-size: 14px;line-height: 34px;width: 1000px;padding-right: 20px">
            官方网站<a href="https://www.gec.com">https://www.gec.com</a>
            [<a href="http://localhost:8080/${pageContext.request.contextPath}/login.jsp">登录</a>]
            [<a href="#">免费注册</a>]
            [<a href="#">我的购物车</a>]
            [<a href="#">我的订单</a>]
            <a href="#">设置为首页</a>
            |<a href="#">加入收藏</a>
        </div>
    </div>

    <%--第二部分--%>
    <div>
        <div style="width: 1000px;margin-top: 20px">
            <table>
                <tr>
                    <td><img src="img/article/logo.gif"></td>
                    <td><img src="img/banner.gif"></td>
                    <td><a href="#" style="border:1px solid #CCCCCC;text-decoration: none;color: #CCCCCC;font-size: 12px">&nbsp;&nbsp;关于我们&nbsp;&nbsp;</a><br><br><a href="#" style="border:1px solid #CCCCCC;text-decoration: none;color: #CCCCCC;font-size: 12px">&nbsp;&nbsp;联系方式&nbsp;&nbsp;</a></td>
                </tr>
            </table>
        </div>
    </div>

    <%--第三部分--%>
    <div style="width: 100%;height: 30px;background-color: #CC3333;margin-top: 20px">
        <div style="width: 1000px;line-height: 30px;text-align: center">
            <ul id="ul1">
                <li><a href="index.do"target="_blank">首页</a></li>
                <li><a href="http://localhost:8080/${pageContext.request.contextPath}/IndexServlet?type_code=0001">护肤</a></li>
                <li><a href="http://localhost:8080/${pageContext.request.contextPath}/IndexServlet?type_code=0002">彩妆</a></li>
                <li><a href="http://localhost:8080/${pageContext.request.contextPath}/IndexServlet?type_code=0003">香氛</a></li>
                <li><a href="http://localhost:8080/${pageContext.request.contextPath}/IndexServlet?type_code=0004">身体护理</a></li>
                <li><a href="http://localhost:8080/${pageContext.request.contextPath}/IndexServlet?type_code=0005">礼盒套装</a></li>
                <li><a href="http://localhost:8080/${pageContext.request.contextPath}/IndexServlet?type_code=0006">母婴专区</a></li>
                <li><a href="http://localhost:8080/${pageContext.request.contextPath}/IndexServlet?type_code=0007">男士专区</a></li>
                <li><a href="http://localhost:8080/${pageContext.request.contextPath}/IndexServlet?type_code=0008">粉底</a></li>
                <li><a href="http://localhost:8080/${pageContext.request.contextPath}/IndexServlet?type_code=0009">粉饼</a></li>
                <li><a href="http://localhost:8080/${pageContext.request.contextPath}/IndexServlet?type_code=0010">睫毛膏</a></li>
                <li><a href="http://localhost:8080/${pageContext.request.contextPath}/IndexServlet?type_code=0011">唇彩</a></li>
                <li><a href="http://localhost:8080/${pageContext.request.contextPath}/IndexServlet?type_code=0012">腮红</a></li>
                <li><a href="http://localhost:8080/${pageContext.request.contextPath}/IndexServlet?type_code=0013">食品保健</a></li>
                <li><a href="http://localhost:8080/${pageContext.request.contextPath}/IndexServlet?type_code=0014">瘦身类</a></li>
                <li><a href="http://localhost:8080/${pageContext.request.contextPath}/IndexServlet?type_code=0015">美容类</a></li>
            </ul>
        </div>
    </div>
</div>
<div style="width: 1500px;height: 70px">
<table width="100%" style="font-size: 13px">
    <tr>
        <td align="left">注册新用户</td>
        <td align="right">我已经注册现在就<a href="#" style="text-direction: none">登录</a></td>
    </tr>
</table>
</div>
<div style="border: 1px solid #9CA0A9;width: 1000px;margin-left: 200px" align="center">

    <h3 style="text-align: center;color: #A0421F">个人用户信息</h3>
    <form action="register.do" method="post">
        <table style="height: 400px;">
            <tr>
                <td align="center">&nbsp;&nbsp;&nbsp;&nbsp;*登录名:&nbsp;&nbsp;&nbsp;&nbsp;<input name="loginName" type="text" style="background: #E8F0FE"></td>
            </tr>
            <tr>
                <td align="center">*设置密码:&nbsp;&nbsp;&nbsp;&nbsp;<input name="password" type="password" style="background: #E8F0FE"></td>
            </tr>
            <tr>
                <td align="center">*确认密码:&nbsp;&nbsp;&nbsp;&nbsp;<input name="password2" type="password" style="background: #E8F0FE"></td>
            </tr>
            <tr>
                <td align="center">*真实姓名:&nbsp;&nbsp;&nbsp;&nbsp;<input name="Name" type="text" style="background: #E8F0FE"></td>
            </tr>
            <tr>
                <td align="center">&nbsp;&nbsp;&nbsp;&nbsp;*性别&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    <input type="radio" name="sex">男
                    <input type="radio" name="sex">女
                </td>
            </tr>
            <tr>
                <td align="center">*详细地址:&nbsp;&nbsp;&nbsp;&nbsp;<input name="address" type="text" style="background: #E8F0FE"></td>
            </tr>
            <tr>
                <td align="center">*联系电话:&nbsp;&nbsp;&nbsp;&nbsp;<input name="phone" type="text" style="background: #E8F0FE"></td>
            </tr>
            <tr>
                <td align="center">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
               *验证码:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input style="background: #E8F0FE" type="text" name="verifycode" id="verifycode">&nbsp;&nbsp;&nbsp;
                    <a href="javascript:refreshCode()">
                    <img src="${pageContext.request.contextPath}/checkCodeServlet" title="看不清点击刷新" id="vcode"/>
                    </a>
                </td>
            </tr>
            <tr>
                <td align="center"><input type="submit" value="立即注册" style="font-size: 18px;font-weight: bold;background-color: #01AAED">
                </td>
            </tr>
        </table>
    </form>
    <div style="color: red;height: 40px">
        <span>${register_msg}</span>
    </div>
    <br><br>

</div>
</body>
</html>
